<template>
    <div class="h-header">
        <div class="left">
            <img class="logo" src="../../public/images/logo-ico.png" alt="" />
            <span>深圳市星际教育</span>
        </div>
        <div class="center">
            深圳幼小初高一站式升学</br>
            专业教育资讯机构
        </div>
        <ul class="items">
            <li class="item">
                <p class="cn">教育升学</p>
                <p class="en">EDUCATION</p>
            </li>
            <li class="item">
                <p class="cn">关于我们</p>
                <p class="en">ABOUT US</p>
            </li>
        </ul>
    </div>
</template>

<style lang="scss" scoped>
.h-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    width: 100%;
    padding: 0 210px;
    background: red;
    .left{
.logo{
    width: 56px
}
    }
    .center{
        flex: 1;
    }
    .items{
        width: 180px;
        text-align: center;
    }
}
</style>
